<template>
    <div id="app">
        <transition name="pageAnimate">
            <router-view></router-view>
        </transition>
    </div>
</template>

<script>

export default {
    name: 'App',
    components: {

    }
}
</script>

<style lang="scss">
#app {
    width: 100%;
    height: 100%;
}
.pageAnimate-enter-active{
    animation-name:fadeInRight;animation-duration:.5s;
}
.pageAnimate-leave-active{
    animation-name:fadeOutRight;animation-duration:.5s;
}
</style>
